  //公用样式 
  require('../../assets/css/index.less')

  require('../../assets/fonts/iconfont.css')

  // 当前页面样式
  require('./player.less')

  // 引入工具函数
  let dom = require('../../utils/dom.js')
  //引入axios封装的文件
  let https = require('../../utils/https.js');
  // 引入本地存储文件
  let local = require('../../utils/local.js')

  // dom.isLogin()
  // 当前js
  dom.ready(function () {

    // 拿到本地存储里的视频
    let videoList = local.get("vides");
    console.log(videoList);
    let modal = dom.getEle(".modal"); //模态框
    let video = document.querySelector('video');



    let index = 0;
    let maxIndex = videoList.length; //视频个数
    let timerId=null;
    let taskTime=0;//运动时间
    let timerId1=null;

    // //渲染视频总个数
    document.querySelector("#totalNum").textContent = maxIndex;

    // //加载视频
    loadVideo();

    function loadVideo() {
      // dom.getEle('video').src=https.BASE_URL + data.fragments[0].videoUrl
      dom.getEle('video').src = https.BASE_URL + videoList[index].videoUrl

      video.play();
      //调用进度条
       setBar();
      //渲染模态框里面的文字和图片
      dom.getEle("#imgUrl").src = https.BASE_URL + videoList[index].imgUrl;
      dom.getEle("#title").textContent = videoList[index].title;
      //  //渲染主体的标题和数字
      document.querySelector("#title1").textContent = videoList[index].title;
      document.querySelector("#currentNum").textContent = (index + 1);
    }





    // 暂时使用上一页跳转

    //上一个
    dom.addEvent('#prev', function (res) {
      index--;
      if (index === -1) index = maxIndex - 1;
      loadVideo();
    })
    // 下一个
    
    dom.addEvent('#next', function (res) {
      index++;
      if(index===maxIndex) index=0;
      loadVideo();
    })
    //暂停
    dom.addEvent("#paused", function (res) {
      video.pause();
      //模态框显示
      modal.style.display = "block";
    //清除定时器(进度条)
    clearInterval(timerId);
    //清除计时器的定时器
    clearInterval(timerId1);
  
    });

    //继续
    dom.addEvent("#continue", function (res) {
       //模特框隐藏
       modal.style.display="none";
       //视频播放
       video.play();
       //调用进度条函数
       setBar();
       //调用计时器
       getTaskTime();

    })
    //   结束
    dom.addEvent("#stop", function (res) {
      //发送ajax 调用保存训练数据的接口
      //模特框隐藏
      modal.style.display = "none";
      location.href='introduction.html';

    })

    // 进度条
        // console.dir(video)
        function setBar(){
          timerId=setInterval(function(){
               //当前时间
               let currentTime=video.currentTime;
               //总时间
               let totalTime=video.duration;
               //总宽度
               let totalWidth=document.body.offsetWidth;
               // console.log(currentTime,totalTime,totalWidth)
               //当前宽度
               //当前宽度=(当前时间*总宽度)/总时间
               let currentWidth=currentTime*totalWidth/totalTime;
       
               //console.log(currentWidth)
       
               //让p的宽度动态变化
               document.querySelector("#bar").style.width=currentWidth+"px";
       
       
           },100)
       }
       //监听视频的ended事件
       video.addEventListener("ended",function(){
        document.querySelector("#next").click();//代码点击
    })

    //计时器
    getTaskTime();
    function getTaskTime(){
        timerId1=setInterval(function(){
            taskTime++;
            console.log(taskTime)
        },1000)
    }

    




  })